    <div class="section-title" ng-click="">
        <i class="material-icons close" ng-class="{'icon-green':lot_info_data.length > 0}"></i>
        <label class="title-name" ng-bind="'A05.lot_view.title' | translate"></label>
        <div class="kmi-can-click"></div>
    </div>
    <div class="section-content" >
        <div class="kmi-list column-selector column-split" column-selector-id="lot_info" kmi-scrollbar>
            <div class="kmi-list__header">
                <div class="kmi-list__column require width-fixed" style="flex:0 0 50px;">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="select_all_lot_action()">
                        <img ng-if="select_all_lot_bool == false" src="image/icons/check0.png"></img>
                        <img ng-if="select_all_lot_bool == true" src="image/icons/check1.png"></img>
                    </button>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 来源 -->
                <div class="kmi-list__column head-controls" style="flex:0 0 50px;">
                    <div class="filter" ng-show="dispatch_filterSH.source_type">
                        <input ng-model="dispatch_filter.source_type">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                            ng-click="dispatch_filterSH.source_type = false;dispatch_filter.source_type = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.source_type">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.source_type = true">search</i>
                        <label ng-bind="'A05.lot_view.come_from'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'source_type'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('source_type')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 状态 -->
                <div class="kmi-list__column head-controls" style="flex:0 0 60px;">
                    <div class="filter" ng-show="dispatch_filterSH.source_status">
                        <input ng-model="dispatch_filter.source_status">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dispatch_filterSH.source_status = false;dispatch_filter.source_status = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.source_status">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.source_status = true">search</i>
                        <label ng-bind="'A05.lot_view.status'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'source_status'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('source_status')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 工单编号 -->
                <div class="kmi-list__column head-controls" style="flex:0 0 100px;">
                    <div class="filter" ng-show="dispatch_filterSH.mo_no">
                        <input ng-model="dispatch_filter.mo_no">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dispatch_filterSH.mo_no = false;dispatch_filter.mo_no = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.mo_no">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.mo_no = true">search</i>
                        <label ng-bind="'A05.lot_view.mo_no'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'mo_no'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('mo_no')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 生产批号 -->
                <div class="kmi-list__column head-controls" style="flex:0 0 130px;">
                    <div class="filter" ng-show="dispatch_filterSH.lot_no">
                        <input ng-model="dispatch_filter.lot_no">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dispatch_filterSH.lot_no = false;dispatch_filter.lot_no = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.lot_no">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.lot_no = true">search</i>
                        <label ng-bind="'A05.lot_view.lot_no'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'lot_no'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('lot_no')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 产品编号 -->
                <div class="kmi-list__column  head-controls" style="flex:0 0 80px;">
                    <div class="filter" ng-show="dispatch_filterSH.product_no">
                        <input ng-model="dispatch_filter.product_no">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dispatch_filterSH.product_no = false;dispatch_filter.product_no = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.product_no">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.product_no = true">search</i>
                        <label ng-bind="'A05.lot_view.product_no'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'product_no'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('product_no')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 产品名称 -->
                <div class="kmi-list__column  head-controls" style="flex:0 0 80px;">
                    <div class="filter" ng-show="dispatch_filterSH.product_name">
                        <input ng-model="dispatch_filter.product_name">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                            ng-click="dispatch_filterSH.product_name = false;dispatch_filter.product_name = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.product_name">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.product_name = true">search</i>
                        <label ng-bind="'A05.lot_view.product_name'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'product_name'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('product_name')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 产品规格 -->
                <div class="kmi-list__column  head-controls" style="flex:0 0 110px;">
                    <div class="filter" ng-show="dispatch_filterSH.product_spec">
                        <input ng-model="dispatch_filter.product_spec">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dispatch_filterSH.product_spec = false;dispatch_filter.product_spec = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.product_spec">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.product_spec = true">search</i>
                        <label ng-bind="'A05.lot_view.product_spec'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'product_name'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('product_name')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 流程编号 -->
                <div class="kmi-list__column  head-controls" style="flex:0 0 80px;">
                    <div class="filter" ng-show="dispatch_filterSH.process_no">
                        <input ng-model="dispatch_filter.process_no">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dispatch_filterSH.process_no = false;dispatch_filter.process_no = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.process_no">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.process_no = true">search</i>
                        <label ng-bind="'A05.lot_view.process_no'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'process_no'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('process_no')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 流程版本 -->
                <div class="kmi-list__column  head-controls" style="flex:0 0 80px;">
                    <div class="filter" ng-show="dispatch_filterSH.process_ver">
                        <input ng-model="dispatch_filter.process_ver">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dispatch_filterSH.process_ver = false;dispatch_filter.process_ver = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.process_ver">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.process_ver = true">search</i>
                        <label ng-bind="'A05.lot_view.process_ver'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'process_ver'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('process_ver')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 数量 -->
                <div class="kmi-list__column  head-controls" style="flex:0 0 50px;">
                    <div class="filter" ng-show="dispatch_filterSH.lot_qty">
                        <input ng-model="dispatch_filter.lot_qty">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                           ng-click="dispatch_filterSH.lot_qty = false;dispatch_filter.lot_qty = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.lot_qty">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.lot_qty = true">search</i>
                        <label ng-bind="'A05.lot_view.qty'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'lot_qty'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('lot_qty')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 计划开始时间 -->
                <div class="kmi-list__column  head-controls" style="flex:0 0 140px;">
                    <div class="filter" ng-show="dispatch_filterSH.plan_start_date">
                        <input ng-model="dispatch_filter.plan_start_date">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                            ng-click="dispatch_filterSH.plan_start_date = false;dispatch_filter.plan_start_date = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.plan_start_date">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.plan_start_date = true">search</i>
                        <label ng-bind="'A05.lot_view.start_plan_date'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'plan_start_date'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('plan_start_date')"></div>
                    </div>
                </div>
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <!-- 计划结束时间 -->
                <div class="kmi-list__column  head-controls"style="flex:0 0 140px;">
                    <div class="filter" ng-show="dispatch_filterSH.plan_end_date">
                        <input ng-model="dispatch_filter.plan_end_date">
                        <i class="material-icons clear" style="position: absolute;top: 2px;right: 4px;"
                            ng-click="dispatch_filterSH.plan_end_date = false;dispatch_filter.plan_end_date = '';">clear</i>
                    </div>
                    <div class="order" ng-hide="dispatch_filterSH.plan_end_date">
                        <i class="material-icons search" style="z-index:1;" ng-click="dispatch_filterSH.plan_end_date = true">search</i>
                        <label ng-bind="'A05.lot_view.end_plan_date'| translate"></label>
                        <i class="material-icons" ng-show="order_by_lot_mode.name == 'plan_end_date'">{{order_by_lot_mode.sort?'&#xE5DB;':'&#xE5D8;'}}</i>
                        <div class="kmi-can-click" ng-click="orderbyLotchange('plan_end_date')"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-list__row-content">
                <!-- 20201211 modify by 外包 for M#83345: 派工底稿：任务字段查询、可排设备过滤只显示可用设备。 -->
                <div class="kmi-list__row" ng-class="{'is-select':lot_is_click == lot_data.lot_no}" ng-repeat="lot_data in filterLotInfo(lot_info_data, dispatch_filter) track by $index">
                    <div class="kmi-list__column" style="flex:0 0 40px;z-index:1;position: relative;">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="select_lot_action($event,$index,lot_data);">
                          <img ng-if="lot_data.is_select == 0" src="image/icons/check0.png"></img>
                          <img ng-if="lot_data.is_select == 1" src="image/icons/check1.png"></img>
                        </button>
                    </div>
                    <div class="kmi-list__column" style="flex:0 0 28px;" ng-bind="lot_data.source_type"></div>
                    <div class="kmi-list__column" ng-bind="lot_data.source_status"></div>
                    <div class="kmi-list__column" ng-bind="lot_data.mo_no"></div>
                    <div class="kmi-list__column" style="flex:0 0 60px;" ng-bind="lot_data.lot_no"></div>
                    <div class="kmi-list__column" ng-bind="lot_data.product_no"></div>
                    <div class="kmi-list__column" ng-bind="lot_data.product_name"></div>
                    <div class="kmi-list__column" ng-bind="lot_data.item_spec"></div>
                    <div class="kmi-list__column" ng-bind="lot_data.process_no"></div>
                    <div class="kmi-list__column" ng-bind="lot_data.process_ver"></div>
                    <div class="kmi-list__column" ng-bind="lot_data.lot_qty"></div>
                    <div class="kmi-list__column" style="flex:0 0 60px;" ng-bind="lot_data.plan_start_date"></div>
                    <div class="kmi-list__column" style="flex:0 0 60px;" ng-bind="lot_data.plan_end_date"></div>
                    <div class="kmi-can-click" ng-click="change_lot_action($event,$index,lot_data);"></div>
                </div>
            </div>
        </div>
    </div>